<?php if($this->session->userdata('step2') != true){header("Location: ".base_url()."password/error");} ?>
<body>

<div class="container-fluid">
<div class="row" style="margin-top: 10%; margin-bottom: 10%;">
    <div class="col-lg-4 col-xs-12"></div>
    <div class="col-lg-4 col-xs-12" style="border: 1px solid #F36F00;">
    <div class="row" style="background-color: orange; font-weight: bolder; font-size: 20px; padding: 10px; color: white; text-align: center"><span style="padding: 20px">KIỂM TRA <?php if($method == 0){echo "HỘP THƯ";} else{echo "ĐIỆN THOẠI";} ?> CỦA BẠN</span></div>
    <div class="row" style="margin: 10px;">
        <span>Kiểm tra <?php if($method == 0){echo "hộp thư";} else{echo "điện thoại";} ?> của bạn - chúng tôi đã gửi cho bạn một đoạn mã với 6 chữ số xác nhận. Nhập nó vào khung bên dưới để tiếp tục cài đặt lại mật khẩu.</span>
    </div>
    <div class="row">
        <input type="text" class="form-control" placeholder="Nhập mã xác nhận (6 chữ số ######)" id="txtCodeFP">
        <label class="control-label" style="margin: 10px;">Chúng tôi đã gửi bạn đoạn mã tới: <?php if($method == 0){echo $email;} else{echo $phone;} ?></label>
    </div>
    <div class="row" style="text-align: center; color: darkgreen; margin: 5px;" id="divCodeFP"></div>
    <div class="row" style="margin: 20px; text-align: center">
        <span style="padding: 10px; width: 500px; background-color: darkorange; color: white; font-size: 18px; cursor: pointer; margin: 20px" onclick="checkCode()">Tiếp tục</span>
    </div>
    </div>
    <div class="col-lg-4 col-xs-12"></div>
</div>
</div>
</body>

<script>
    $(document).ready(function(){
        $(document).bind('keypress', function(e) {
            if(e.keyCode==13){
                checkCode();
            }
        });
    });

    function checkCode(){
        var step2 = "<?php if($this->session->userdata('step2') == true){echo 1;} else{echo 0;} ?>";
//        alert(step2);
        if(step2 == 0){
            window.location.href = "<?php echo base_url() ?>password/error";
        }
        else{
            $('#divCodeFP').html('');
            var key = "<?php echo $code ?>";
            var code = $('#txtCodeFP').val();
            if(code == ''){
                $('#divCodeFP').html("<span style='color: red'>Xin vui lòng nhập đoạn mã để tiếp tục!</span>");
            }
            else{
                var url = "<?php echo base_url() ?>";
                var dataString = "code="+code+"&key="+key;
//            alert(dataString);
                $.ajax({
                    type: "POST",
                    url: url+'users/checkCode',
                    data: dataString,
                    success: function(x){
//                alert(x);
                        if(x != 0){
                            window.location.href = "<?php echo base_url() ?>password/change?key="+key;
                        }
                        else{
                            $('#divCodeFP').html("<span style='color: red'>Đã xảy ra lỗi. Xin vui lòng kiểm tra lại mã xác nhận và thử lại!</span>");
                        }
                    }
                });
            }
        }
    }
</script>